<template>
  <div class="mt-bnav">
    <div>
      <el-row class="title">美团导航</el-row>
      <el-row>
        <dl class="hotCity">
          <dt>热门城市</dt>
          <div class="cityList">
            <dd class="cityItem" v-for="(item,idx) in cityList" :key="idx">
              <nuxt-link to="/city">{{item}}</nuxt-link>
            </dd>
          </div>
        </dl>
      </el-row>
      <el-row>
        <dl class="hotCity">
          <dt>热门分类</dt>
          <div class="cityList">
            <dd class="cityItem" v-for="(item,idx) in cityList" :key="idx">
              <nuxt-link to="/city">{{item}}</nuxt-link>
            </dd>
          </div>
        </dl>
      </el-row>
      <el-row>
        <dl class="hotCity">
          <dt>周边热门</dt>
          <div  class="cityList">
            <dd class="cityItem" v-for="(item,idx) in cityList" :key="idx">
              <nuxt-link to="/city">{{item}}</nuxt-link>
            </dd>
          </div>
        </dl>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      cityList: [
        "青岛",
        "南宁",
        "广州",
        "成都",
        "重庆",
        "哈尔滨",
        "深圳",
        "长沙",
        "厦门",
        "苏州",
        "无锡",
        "福州",
        "昆明",
        "太原",
        "石家庄",
        "长春",
        "武汉",
        "天津",
        "南京",
        "济南"
      ]
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
@import "@/assets/css/index/btmnav.scss";
</style>